<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>宴席</title>
		<link rel="stylesheet" type="text/css" href="css/Table2.css"/>
		<link rel="stylesheet" type="text/css" href="css/rubber.css"/>
		<link rel="stylesheet" type="text/css" href="css/My_ranking.css"/>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<!--婚宴页-->
		<div class="web join">
			<!--音乐-->
			<div class="zanting audioBtn dh">
				<img src="img/yinyue1.png" class="img1"/>
				<img src="img/yinyue2.png" class="img2"/>
			</div>
			<!--跳回首页-->
			<div class="index">
				<a href="index.html">
					<img src="img/xiaofangzi.png" />
				</a>
			</div>
			<!--桌子-->
			<div class="center">
				<div class="banquet_main">
					<!--主宾桌-->
					<div class="guest">
						<div class="table"><img src="img/table.png" />
							<div class="table_num">
								<span class="number">主宾桌</span>
							</div>
						</div>
						<div class="seat"><img src="img/vacancy.png" /></div>
						<div class="seat"><img src="img/vacancy.png" /></div>
						<div class="seat"><img src="img/vacancy.png" /></div>
						<div class="seat"><img src="img/vacancy.png" /></div>
						<div class="seat"><img src="img/vacancy.png" /></div>
						<div class="seat"><img src="img/vacancy.png" /></div>
					</div>
					<!--客宾各桌-->
					<div class="morebito clearfix">
						<div class="morebito_table">
							<div class="table"><img src="img/table.png" />
								<div class="table_num">
									第<span class="number">1</span>席
								</div>
							</div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="img/table.png" />
								<div class="table_num">
									第<span class="number">2</span>席
								</div>
							</div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="img/table.png" />
								<div class="table_num">
									第<span class="number">3</span>席
								</div>
							</div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="img/table.png" />
								<div class="table_num">
									第<span class="number">4</span>席
								</div>
							</div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="img/table.png" />
								<div class="table_num">
									第<span class="number">5</span>席
								</div>
							</div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
						<div class="morebito_table">
							<div class="table"><img src="img/add_table.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
							<div class="seat"><img src="img/vacancy.png" /></div>
						</div>
					</div>
				</div>
			</div>
			<!--第几位客宾-->
			<div class="pew">您是第<span >1</span>位宾客，目前已有<span class="num_of_peaple">0</span>位宾客入席</div>
			<!--成功入座几桌几位-->
			<div class="jzjw hid">
				<p>你已经成功入席</p>
				<p>你的座位是第<span class="zhuohao">0</span>桌第<span class="weihao">0</span>位</p>
			</div>
			<!--遮罩-->
			<div class="mask hid json_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="img/close.png" />
					</div>
					<div class="text">
						<p>欢迎来到<em>小李</em>的婚宴</p>
					</div>
					<div class="btn btn1">
						我要入席
					</div>
					<a href="ranking.html">
						<div class="btn btn2">
							查看喜宴排行榜
						</div>
					</a>
					<a href="index.html">
						<div class="btn btn3">
							我也要制作我的喜宴
						</div>
					</a>
				</div>
			</div>
			<!--宾客进入弹框-->
		<div class="guests_ComeIn">
			<div>
				<div id="tuiChu3">
					<img src="img/chacha.jpg"/>
				</div>
				<p>欢迎来到&ensp;<span>__</span>&ensp;的囍宴</p>
				<div id="RuXi">
					我要入席
				</div>
				<div>
					<a href="Ranking_List.html">查看囍宴排行榜</a>
				</div>
				<div id="ZhiZuo">
					<a href="entrance.html">我也要制作我的囍宴</a>
				</div>
			</div>
		</div>
			<!--有空位遮罩-->
			<div class="kongwei">
				<div class="mask_content">
					<div class="delete">
						<img src="img/close.png" />
					</div>
					<div class="text">
						还有空位
					</div>
				</div>
			</div>
			<!--座位有人遮罩-->
			<div class="youren">
				<div class="mask_content">
					<div class="delete">
						<img src="img/close.png" />
					</div>
					<div class="text">
						座位有人
					</div>
				</div>
			</div>
			<!---->
			<div class="mask hid zhufu_mask">
				<div class="mask_content">
					<div class="delete">
						<img src="img/close.png" />
					</div>
					<div class="text ">
						<p class="zhufu_mask_text">为他收集更多的新婚祝福！</p>
					</div>
				</div>
			</div>
			
			
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.transit.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/Table2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
		<audio class="bgMusic" src="music/mianhuatang.mp3" autoplay="autoplay" loop="loop"></audio>
	</body>
</html>
